Cara Membuat Website
Sederhana Untuk Pemula Dalam
5 Menit
Belajar SEO & Bisnis Online Gratis Pemula Serta Tips
dan Trik Cara Membuat Website, Blog, Facebook,
Twitter, Daftar Email Baru dari Pakar SEO
Berguru SEO 1 Comment Webmaster Tips
01 December 2013
Cara Membuat Website
Sederhana Untuk Pemula Dalam
5 Menit
Cara Membuat Website
Cara membuat website mungkin bisa dibilang bukan hal
yang sulit bahkan cukup mudah untuk para webmaster
(pembuat website). Namun bagaimana dengan teman-teman
kita yang baru saja 'terjun' di dunia blogging ? apakah mereka
juga menganggap Cara Membuat Website adalah hal yang
mudah ? tentu tidak bukan, atas dasar itulah saya akan mencoba
menjelaskan tahap demi tahap Bagaimana Cara Membuat
Website dari Dasar atau Awal untuk para Pemula tentunya.
Tenang saja, Cara Membuat Web yang akan saya berikan ini
tidak akan banyak memakan waktu Anda, karena sesuai judul
yang saya buat Cara Membuat Website ini hanya akan
memakan waktu 5 Menit saja, bahkan mungkin bisa kurang dari
itu.
Baiklah, disini saya akan membagi Tutorial Membuat Website ini
menjadi 2 Bagian.
1. Cara Membuat Website
2. Cara Upload File ke Website Menggunakan FTP
3. Video Cara Membuat Website
Kedua Cara diatas akan saya jelaskan secara gamblang dengan
bahasa yang sesederhana mungkin. Jadi untuk Anda yang
benar-benar buta akan Website mampu mengikuti Tutorial
Membuat Website ini dengan Mudah.
1. Cara Membuat Website
Sebelum membuat website, hal yang harus Anda persiapkan
adalah Hosting + Domain. Jika Anda bingung apa itu Hosting,
maka kita bisa mengibaratkan Hosting itu ibarat Rumah untuk
menyimpan barang-barang (file) dan Domain ibarat Nama
Jalannya, agar pengunjung bisa berkunjung.
Untungnya hampir semua penyedia layanan website sekarang
ini sudah menyediakan paket lengkap, yaitu mereka sudah
menyiapkan Hosting dan Domain menjadi satu, jadi pesan
Hosting dapat gratis Domain. Karena kita nyari yang gratisan
jadi kita gak akan dapat Domain, melainkan hanya akan
mendapat SubDomain (ada embel-embelnya, semacam
blogspot.com atau wordpress.com).
Satu hal yang tak boleh Anda lupakan dalam pembuatan
website adalah adanya logo yang akan membuat tampilan
website semakin menarik. Tak perlu khawatir, jika Anda belum
cukup mahir dalam hal design, karena di internet tersedia
banyak situs untuk membuat logo secara online, salah satu
yang terbaik adalah https://www.logaster.com/. Untuk tutorial
lengkapnya bisa Anda baca di Cara Membuat Logo Website.
Kembali ke Topik, untuk Cara Membuat Website.
1. Kunjungi situs penyedia Layanan pembuatan Website,
disini akan saya beri contoh menggunakan situs
penyedia layanan yang cukup populer di Indonesia,
yaitu IDHostinger. Langsung saja kunjungi http://
www.idhostinger.com/
2. Setelah terbuka, selanjutnya klik Buat Akun. Letaknya
ada di pojok kanan atas, dekat form login.
Cara Membuat Website Sederhana untuk
Pemula (Gambar: 1)
3. Di halaman ini Anda diwajibkan mengisi. Nama, E-mail
dan Password Anda. Isikan sesuai tempatnya.
Cara Membuat Website Sederhana untuk
Pemula (Gambar: 2)
Jangan lupa centang, Saya setuju dengan Ketentuan
Penggunaan Layanan.
4. Selanjtunya, kita buka Tab Baru dan masuk ke Email
kita, untu mengaktivasi Akun kita. Nanti ada dua Email
dari yang dikirim oleh IDHostinger, Anda lihat saja yang
pertama atau yang paling bawah.
Cara Membuat Website Sederhana untuk
Pemula (Gambar: 3)
Tingal Anda klik atau salin link tersebut ke Address Bar
dan klik Enter.
5. Disini kita akan disuruh memilih Paket Hosting yang
akan kita pakai nanti untuk Membuat Website. Karena
kita hanya akan Membuat Web untuk Belajar saja, maka
kita Order saja yang Paket Gratis.
Cara Membuat Website Sederhana untuk
Pemula (Gambar: 4)
6. Kalau diatas kita sudah memesan Hostingan makan
setelah itu kita akan diberi hadiah SubDomain. Untuk
SubDomainnya ada banyak pilihan, silahkan Anda pilih
yang paling cocok atau sesuai dengan selera Anda. Lalu
klik Buat.
Cara Membuat Website Sederhana untuk
Pemula (Gambar: 5)
7. SubDomain + Hosting Anda akan dibuat, jadi tunggu
hingga muncul pemeberitahuan 'Akun telah dibuat
100%' di pojok kanan bawah.
Cara Membuat Website Sederhana untuk
Pemula (Gambar: 6)
Selanjutnya, silahkan Anda klik Lihat Hasil.
8. Dari sini kita sudah berhasil membuat akun untuk
membuat Websitenya, namun kita belum memesan
Hosting + SubDomain atau dengan kata lain suah
berhasi Mendaftar / Membuat Website. Namun kita
harus melanjutkan untuk mengisi website kita dengan
Artikel atau File. Caranya dengan mengklik tombol
Kelola.
Cara Membuat Website Sederhana untuk
Pemula (Gambar: 7)
9. Maka Anda akan dibawa ke Cpanel (Control Panel).
Disinilah tempat Anda mengatur segala sesuatu yang
berkaitan dengan website Anda. Mulai dari :
Menambah Subdomain
Parkir Domain
Impor Website
Impor Database
Mengatur Halaman Error
Dan masih banyak lagi. Namun kita tidak akan
membahas fitur-fitur yang ada di Cpanel ini (butuh watu
berhari-hari). Tujuan kita masuk Cpanel adalah untuk
mengambil Data mengenai : 'Nama pengguna'.
Cara Membuat Website Sederhana untuk
Pemula (Gambar: 8)
Lihat dan silhkan Anda Catat (kalau bisa dikertas atau
buku).
2. Cara Upload File ke Website
Menggunakan FTP
Untuk mengupload suatu file kedalam Website atau lebih
tepatnya kedalam Hosting (rumah) sebenarnya cukup mudah,
yaitu cukup dengan mengklik File Manajer dan tinggal Anda pilih
file yang akan Anda Upload.
Tapi yang jadi masalah bagaimana jika kita ingin mengupload
file kedalam Hosting saat kita menggunakan HandPhone ? tentu
kita tidak mungkin masuk File Manajer yang ada disediakan
IDHostinger, karena ada beberapa Javascript yang harus
dijalankan, dan itu tidak mungkin dijalankan di browser
Handphone (operamini / ucbrowser).
Maka dari itu, disini kita akan meminta bantuan FTP. FTP Online
ini fungsinya menjadi perantara, Antara file yang akan kita
upload dengan Hosting yang sudah kita pesan tadi (tanpa
melalui file manajer).
Mohon maaf disini saya akan memberikan screenshotnya dari
tampilan PC, tapi sebenarnya sama persis kok tampilannya
antara di PC dan Handphone, karena saya sering membuka di
HP juga.
Untuk Upload filenya mealalui FTP Online tentunya kita harus
memilih 1 dari ribuan FTP Online yang ada di Internet, disini
saya memutuskan untuk memilih Net4India karena sudah
support https dan yang terpenting adalah sangan HandPhone
Friendly (nyaman dan tidak terlalu berat jika dibuka melalui hp).
Sekarang, langkah-langkah Cara Upload File ke Website
atau Hosting menggunakan FTP Online.
1. Buka https://ftp.net4india.com/
Cara Upload File ke Website (Gambar: 1)
Tadi sebelumnya saya menyuruh Anda untuk mencatat
'Nama pengguna' bukan ? gunanya ya untuk mengisi
Login Panel di FTP ini. Ada tiga form yang harus Anda
isi.
FTP server: Isikan Nama Domain Anda
Username: Isikan Nama Pengguna
Password: Isikan Password
Setelah semua terisi silahkan Anda klik Login.
* yang dimaksud password disini adalah password saat
Anda mengisi SubDomain, jadi bukan password saat
Anda membuat akun IDHostinger.
Cara Upload File ke Website (Gambar: 2)
2. Setelah klik Login, maka Anda akan masuk kedalam
direktori root.
Cara Upload File ke Website (Gambar: 3)
Di direktori (folder) ini Anda tidak bisa mengupload
apapun, andai kata bisa upload, Anda tidak akan bisa
mengaksesnya melalui url (tidak bisa diakses umum),
karena filenya berada di dalam. Solusinya Anda klik dulu
public_html.
3. Disinilah tempat untuk mengatur halaman depan
website Anda. Cara Mengaturnya, pertama-tama Anda
hapus dulu default.php yang ada di direktori public_html
ini. Ohya, default.php ini isinya adalah ucapan selamat
datang yang otomatis dibuat oleh pihak IDHostinger,
jadi kita hapus saja tidak masalah.
Cara Upload File ke Website (Gambar: 4)
Centang filenya dan pilih Delete. Lalu pilih Submit, dan
klik Back untuk kembali ke public_html.
4. Langkah selanjutnya tinggal kita upload file kita ? tapi file
apa yang akan kita upload ? jangan kuatir disini saya
akan memberikan script / kode html untuk membuat
halaman depan website, oya kode ini bukan buatan
saya melainkan buatan master problogiz, yang juga
sudah valid HTML5. Langsung saja ini dia kodenya.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Page Title</title>
<!-- meta tags -->
<meta name="keywords" content="">
<meta name="description" content="">
<!-- stylesheets -->
<style>
/* ~~~~~~~~~ layout ~~~~~~~~~~ */
#container {width: 960px;margin: 20px
auto;background: #fff;padding: 30px;overflow: hidden;}
/* ~~~~~~~~~ header ~~~~~~~~~~ */
#main-navigation {border-bottom: 5px solid
#3942A3;margin: 20px 0;}
#main-navigation ul {overflow: hidden;width: 100%;list-
style: none;font-size: 1.6em;}#main-navigation li {float:
left;}
#main-navigation li a {background: #3972A3;margin: 0
5px 0 0;padding: 5px 30px;display: block;color:
#000000;text-decoration: none;}
#main-navigation li.current a {background: #666;}
#main-navigation li a:hover {background: #777; }
Pertama Anda copy paste dahulu seluruh script diatas,
selanjutnya paste kan kedalam aplikasi moby explorer
(ini yang biasa saya pakai kalau mengedit text di hp)
atau Anda bisa juga menggunakan editor yang gratis
lainya, edit yang perlu diedit setelahs selesai di edit seve
dengan nama index.html (tulis persis dengan apa yang
saya tulis, jangan diganti Index.html atau ind3x.html)
5. Setelah Anda save sekarang saatnya Anda upload,
caranya mudah saja, klik Upload.
Cara Upload File ke Website (Gambar: 5)
Dan selanjutnya pilih Choose File (ada 2 tulisan
choose file, anda pilih yang atas karena itu nanti file
yang diupload tidak akan dikompres / meminimalisir file
rusak). Dilanjut dengan mengklik tombol Submit.
Jika muncul tulisan :
Checkingfiles:
Fileindex.htmlisOK
Transferringfilestothe
FTPserver:
Fileindex.htmlhasbeen
transferredtotheFTP
serverusingFTPmode
FTP_ASCII
Berarti file sukses diupload, itu artinya kita sudah
berhasil mengubah halaman depan Website yang kita
buat. Kalau tidak percaya cek saja Website Anda.
Ini screenshot halaman depan Website saya yang
index.html-nya menggunakan kode diatas.
Cara Upload File ke Website (Gambar: 6)
Cukup menarik bukan, hehe.
Video Cara Membuat Website
Video ini saya buat untuk memudahkan rekan-rekan yang
masih kesulitan memahani artikel cara membuat website diatas,
dan harapan saya tentunya setalah melihat video membuat
website ini, tidak ada lagi rekan-rekan yang kesusahan dalam
membuat website.
Captions
Cara Membuat Website ala Berguru SEO
Langkah 1 : Pergi ke idhostinger.com
Langkah 2 : Klik Buat Akun
Langkah 3 : Isi Nama, Email, Password Anda
Langkah 4 : Klik Buat Akun
Langkah 5 : Buka Akun Email Anda
( mail.google.com )
Langkah 6 : Klik Link Konfirmasi dari Pihak
IDHostinger
Langkah 7 : Pilih Hosting yang Gratis ( Rp.0 )
Langkah 8 : Isi Nama Domain dan Password dan Klik
Buat
Kesimpulan :
Bisa disimpulkan dalam Membuat Website, singkatnya hanya
diperlukan [ Hosting - Domain / SubDomain - index.html /
index.php ] hanya dengan ketiga unsur ini, bisa dikatakan kita
sudah berhasil membuat suatu website.
Semoga saja, Cara Membuat Website yang saya tuliskan ini
dapat bermanfaat untuk Anda yang ingin belajar membuat
website. Akhir kata saya ucapkan terimakasih sudah berkunjung
dan bersedia membaca artikel Cara Membuat Website
Sederhana Untuk Pemula Dalam 5 Menit ini.